<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Crear Cuenta</title>
</h:head>

<h:body>

	<h:form>
		<p:fieldset legend="Crear cuenta"
			style="margin-bottom:20px; margin-left: 20px;
	margin-right: auto; font-size:12px; width: 200px;
 margin: 0 auto;">
			<p:messages id="messages" showDetail="false" autoUpdate="true"
				closable="true" />

			<h:panelGrid columns="1">
				<p:outputLabel>Nombre usuario</p:outputLabel>
				<p:inputText id="nombreusuario" value="#{ejemploMB.nombreUsuario}"></p:inputText>

				<p:outputLabel>Password</p:outputLabel>
				<p:password id="password" value="#{ejemploMB.passUsuario}"></p:password>
				
				<p:outputLabel>Nombre</p:outputLabel>
				<p:inputText id="nombre" value="#{ejemploMB.nombre}"></p:inputText>
				
				<p:outputLabel>Apellido</p:outputLabel>
				<p:inputText id="apellido" value="#{ejemploMB.apellido}"></p:inputText>
				
				<h:panelGrid columns="2">
				
					<p:commandButton action="#{ejemploMB.ingresarUsuario()}" value="Registrarse"></p:commandButton>
					<p:commandButton action="index" value="Volver"></p:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</p:fieldset>
	</h:form>
</h:body>
</html>